
<template>
  <div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">组件类型</div>
      <div class="w-3/4">
        <el-input type="text" disabled v-model="current.component" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-2/4 text-14">当前格栅</div>
      <div class="w-2/4"></div>
    </div>
    <div class="flex items-center px-10">
      <div class="w-4/10 pr-15 text-14">格栅宽度</div>
      <div class="w-4/10 pr-15">
        <el-input-number
          v-model="current.componentProps.span"
          size="small"
          :min="1"
          :max="24"
        />
      </div>
    </div>
    <div class="flex items-center px-10">
      <div class="w-4/10 pr-15 text-14">向右偏移</div>
      <div class="w-4/10 pr-15">
        <el-input-number
          v-model="current.componentProps.offset"
          size="small"
          :min="0"
          :max="24"
        />
      </div>
    </div>
  </div>
</template>
 
<script lang="ts">
import { defineComponent } from "vue";
import type { Component, CellImp } from "@/components/low-code/core/index";

export default defineComponent({
  name: "rowSetting",
  props: ["current"],
  setup(props) {
    return {};
  },
});
</script>

<style  scoped>
</style>
